<!DOCTYPE html>
<html>
	<head>
	<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js" ></script>
		<script> 
		$.ajax({
		type: "GET", //请求的方式，也有get请求
		url: "inform.json", //请求地址，后台提供的,这里我在本地自己建立了个json的文件做例子
		data: {name,name},//data是传给后台的字段，后台需要哪些就传入哪些
		dataType: "json", //json格式，后台返回的数据为json格式的。
		success: function(result){
			var dataObj = result, //返回的result为json格式的数据
			con = "";
			$.each(dataObj, function(index, item){
			con += "<li>姓名："+item.name+"</li>";

			con += "<li>学号："+item.id+"</li>";
			con += "<li>所属学院："+item.uni+"</li>";

			con += "<li>班级："+item.class+"</li>";
				});
		console.log(con);    //可以在控制台打印一下看看，这是拼起来的标签和数据
		$("#con").html(con); //把内容入到这个div中即完成
			}    
		})
	</script>
	<meta charset="UTF-8">
	<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">--> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/nav.css">
	<link rel="stylesheet" href="bootstrap-3.3.5/css/bootstrap.css">
	<title>个人中心页面</title>
	<style type="text/css">

	.footer{
	    width: 1366px;
		height: 400px;
		background:#C0C6C9;	
	}
	
	.menuHolder{ position:fixed; left:0px; top:0px;}
	.header{
		width:1366px;
		height: 80px;
		background: #bfbfbf;
	}
	 #ha{
	 	
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			display:block;
			line-height:80px;
			font-size:36px;
			font-family: "franklin gothic book";
	 }
	 #zuo{
	 	width: 204px;
	 	height: 510px;
	    background: #bfbfbf;
	 }
	  #you{
	  	
	 	width: 1372px;
	 	height: 510px;
		background: #707070;
		font-family:forte ;
	 	font-size: 20px;
	 	color: black;
	 }
	 #con{
	 	position: relative;
	 	left:40px;
	 }
	 #zuo,you{
	 	float: left;
	 }
	 #aa,#bb,#cc{
	 	height: 477px;
	    background: black;
	 } 
	
	 #aa1,#bb1,#cc1{
	        text-align:center;
			margin-left:auto;
			margin-right:auto;
			display:block;
			line-height:80px;
			font-size:23px;
			font-family: "franklin gothic book";	
	 }
	 
	</style>


	</head>
	<body>
	<div class="menuHolder">
	<div class="menuWindow">
		<ul class="p1">
			<li class="s1"><a href="#url"><p>菜单</p></a>
				<ul class="p2">
					<li class="s2"><a href="personal.html"><span><p>个人中心</p></span></a></li>
					<li class="s2"><a href="#url"><span><p>日程安排</p></span></a>
						<ul class="p3 a3">
							<li><a href="index.html"><p>学年安排</p></a></li>
							<li><a href="stu_weekcal.html"><p>周日历</p></a></li>
						
						</ul>
					</li>
					<li class="s2"><a href="logout.html"><span><p>注销</p></span></a></li>
				</ul>
			</li>
		</ul>
	</div>
	</div>
 <div class="header"><span id="ha" >个人中心<a href=""><img class="top_usr" src="img/个人中心.png" /></a></span></div>
	<div id="zuo">			
	      
				
			<div class="aa">			
			<span id="aa1">基本信息
			<a href=""><img class="top_usr" src="img/个人头像 ico.png" /></a></span>
			</div>
		    <div class="bb">
		    <span id="bb1"></span>
			
			</div>
			<div class="cc">
			<span id="cc1">设置&nbsp;<a href="information_setting.html#aa"><img class="top_usr" src="img/设置.png" /></a></span>
			</div>
	</div>
	<div id="you"></br></br>
		
			<!--&nbsp;姓名：小名</br></br>
			&nbsp;性别：女</br></br>
			&nbsp;学号：27889292</br></br>
			&nbsp;学院：信息学院</br></br>
			&nbsp;专业：软件工程</br></br>
			&nbsp;班级：软件1601</br>-->
			<ul id="con"></ul>

			</br> </div>
		
	</body>
</html>
